<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>车贷计算器</title>
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/index.js"></script>
</head>
<body>

        <div id="all">
            <div id="top">
<!--                <img src="../image/hellokity.jpg" alt="">-->
                <img src="../image/logo.png" alt="">
                <div><span id="ipt1">购车借款计算</span></div>
                <div><span id="ipt2">购车税费</span></div>

            </div>
            <div id="mid">
                <div id="div1">
                 <p>  裸车价格：<input type="text">万元 </p>
                  <p>  首付比例：<select >
                    <option value="volvo">一成</option>
                    <option value="volvo">二成</option>
                    <option value="volvo">三成</option>
                              </select></p>
                  <p>  贷款期限：<select >
                    <option value="volvo">六个月（6期）</option>
                    <option value="volvo">一年（12期）</option>

                            </select></p>
                   <p> 贷款年利率：<select >
                    <option value="volvo">5.6%(六个月已内)</option>
                    <option value="volvo">4.3%</option>
                    <option value="volvo">3.2%</option>
                </select>        <select >
                    <option value="volvo">无折扣</option>
                    <option value="volvo">9折</option>
                    <option value="volvo">八折</option>
                </select>
                          =<input></input>%</p>
                </div>
                <div id="div2" class="yin">
                    <p>  裸车价格：<input type="text">万元 </p>
                    <p>  车辆排量：<select >
                        <option value="volvo">1.0L-1.6L(含)</option>
                        <option value="volvo">1.7L-2.5L(含)</option>
                        <option value="volvo">2.6L-3.4L(含)</option>
                    </select></p>
                    <p>  计划上牌地：<select >
                        <option value="volvo">B-北京</option>
                        <option value="volvo">S-上海含</option>
                        <option value="volvo">S-深圳</option>
                    </select>（首字母）</p>
                    <p>  车辆情况：
                        <input type="radio" checked="checked">六座以下  <input type="radio" >六座以上
                    </p>

                </div>
                <div>
                    <button id="btn1">立即计算</button>
                    <button id="btn2"> 清除</button>
                </div>
            </div>
            <div id="bot">
                <div id="div3">
                    <p>计算结果</p>
                    <p>每月还款：<input type="text">元</p>
                    <p>利息总额：<input type="text">元</p>
                    <p>累计还款总额：<input type="text">元</p>

                </div>
                <div id="div4">
                    <p>计算结果</p>
                    <p>费用合计：<input type="text">元</p>
                    <p>新车购置税：<input type="text">元</p>
                    <p>上牌费用：<input type="text">元</p>
                    <p>车船使用税：<input type="text">元</p>
                    <p>交强险费用：<input type="text">元</p>
                </div>
            </div>
        </div>

</body>
</html>